<meta charset="utf-8" />
<link rel="stylesheet" href="../css/popup.css" type="text/css"/>

<div class="popup">
    <form name="recipients" class="form-popup recipients" method="post">
        <!-- filter -->
        <div id="filter">
            <div class="row">
              <p class="col">
                  <label>ユーザタイプ</label>
                  <select class="medium">
                    <option></option>
                  </select>
              </p>
              <p class="col">
                  <label>メールグループ</label>
                  <select class="medium">
                    <option></option>
                  </select>
              </p>
            </div>
            
            <div class="row">
              <p class="col">
                  <label>地区</label>
                  <select class="medium">
                    <option></option>
                  </select>
              </p>
              <p class="col">
                  <label>都道府県</label>
                  <select class="medium">
                    <option></option>
                  </select>
              </p>
            </div>
            
            <div class="row">
              <p class="col">
                  <label>センター．クラブ名</label>
                  <input class="big" type="text"/>
              </p>
              <p class="col right">
                  <a class="" href="www.google.com"><button>クリア</button></a>
                  <a class="" href="www.google.com"><button>検索</button></a>
              </p>
            </div>
        </div>
        <!-- end filter -->
        
        <!-- table -->
        <table>
            <thead>
                <th class="center"><input type="checkbox" class="checkall"/></th>
                <th>送信先コード</th>
                <th>送信先名</th>
            </thead>
            <tbody>
                <tr>
                    <td class="center"><input type="checkbox"/></td>
                    <td>0001</td>
                    <td>グループ1</td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox"/></td>
                    <td>0001</td>
                    <td>グループ1</td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox"/></td>
                    <td>0001</td>
                    <td>グループ1</td>
                </tr><tr>
                    <td class="center"><input type="checkbox"/></td>
                    <td>0001</td>
                    <td>グループ1</td>
                </tr>
            </tbody>
            <tfoot>
                <td colspan="3" class="center footer">
                    <div class="pagination">
                        <div class="button2-right off"><div class="start"><span>最初ページへ</span></div></div><div class="button2-right off"><div class="prev"><span>前へ</span></div></div>
                        <div class="button2-left"><div class="page"><span>1</span><a href="#" title="2" onclick="document.adminForm.limitstart.value=20; Joomla.submitform();return false;">2</a><a href="#" title="3" onclick="document.adminForm.limitstart.value=40; Joomla.submitform();return false;">3</a><a href="#" title="4" onclick="document.adminForm.limitstart.value=60; Joomla.submitform();return false;">4</a>
                        </div></div><div class="button2-left"><div class="next"><a href="#" title="Next" onclick="document.adminForm.limitstart.value=20; Joomla.submitform();return false;">次へ</a></div></div><div class="button2-left"><div class="end"><a href="#" title="End" onclick="document.adminForm.limitstart.value=60; Joomla.submitform();return false;">最後ページへ</a></div></div>
                    </div>
                </td>
            </tfoot>
        </table>
        
        <p class="footer center">
          <a class="" href="www.google.com"><button>OK</button></a>
          <a class="" href="www.google.com"><button>キャンセル</button></a>
      </p>
        
        
    </form>
</div>